<html>
<head>
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
	  html { height: 100%  }
	  body { height: 100%;  margin: 0; padding: 0 }
	  #map_canvas { height: 100%}
	</style>
	<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBmsfiTT4i387xAfdKukGQ35Le71BzGj3w&sensor=false&language=en"></script>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script>
	
		var map = null;
		
		function initialize()
		{
			var myLatlng = new google.maps.LatLng(51.560452,0.069457);

			var myOptions = {
				  zoom: 8,
				  center: myLatlng,
				  mapTypeId: google.maps.MapTypeId.ROADMAP
			};

			map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
			
			var marker1 = new google.maps.Marker({
				position: myLatlng,
				map: map,
				title: 'Our Place'
			});
			
			var marker2 = new google.maps.Marker({
				position: new google.maps.LatLng(51.660452,0.169457),
				map: map,
				title: 'Our Place'
			});
			
			var marker2 = new google.maps.Marker({
				position: new google.maps.LatLng(51.460452,0.009457),
				map: map,
				title: 'Our Place'
			});
		}
		
		function getCodeAndAddLocation(address)
		{
			console.log( "fsdfd");
			var location = "https://maps.googleapis.com/maps/api/geocode/json?address=" +address+ "&key=AIzaSyDgnp3xhbuavFedEXQ4o31aT_c0e1s3lCo"
			$.getJSON( {
				url  : 'https://maps.googleapis.com/maps/api/geocode/json',
				data : {
					sensor  : false,
					address : address
				},
				success : function( data, textStatus ) {
					console.log( textStatus, data );
				}
			} );
		}
		
		function addCurrentLocation(lat, longi)
		{
			alert("chris"+ lat +"   "+ longi);
			var currentloc = new google.maps.Marker({
				position: new google.maps.LatLng(lat,longi),
				map: map,
				title: 'Our Place'
			});
		}
		
	</script>
</head>
<body onload="initialize();">
  <div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>